<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>李宁2017新品Turbulance男子保暖户外徒步鞋AHAM003</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
    <script src="js/jquery-1.12.4.js"></script>
    <link rel="stylesheet" href="css/xiangxishangpin.css">
    <link rel="stylesheet" href="css/gongyong.css">
  </head>
  
  <body>
<div class="div2">我的订单</div>
<div class="div3">我的关注</div>
<div class="div4">我的优惠券</div>
<div class="div5">我的足迹</div>
<div class="div6">我的JIMI</div>
<div class="div7">
    <img src="images/http---mall.jd.com-qr-v.html-type=js&Id=58366&src=qr-112-1-4-2.png" height="112" width="112"/></div>
<div class="div8">返回顶部</div>
<div class="ding">
    <div class="zhongs">
        <ul>
            <li class="a"><a href="#"><img src="images/定位图片_03.png"></a></li>
            <li class="b"><a href="#"><img src="images/定位图片_06.png"></a></li>
            <li class="c"><a href="#"><img src="images/定位图片_08.png"></a></li>
            <li class="d"><a href="#"><img src="images/定位图片_12.png"></a></li>
            <li class="e"><a href="#"><img src="images/定位图片_14.png"></a></li>
            <li class="f"><a href="GouWuChe.html"><div class="gou"><img src="images/定位图片_16.png">购<br>物<br>车<br>(<span class="hzi">0</span>)</div></a></li>

            <li class="g"><a href="#"><img src="images/定_03.png" height="23" width="23"/></a></li>
            <li class="h"><a href="#"><img src="images/定_08.png" height="23" width="23"/></a></li>
        </ul>
    </div>
</div>
<!--页头-->
<div class="yetou">
    <div class="zuofu">
        你好，请<a href="#">登录</a>&emsp;<a href="#">免费注册</a>
    </div>
    <div class="youfu">
        <a href="#">联系卖家</a>&emsp;<a href="#">关注店铺</a>&emsp;<a href="#">签到</a>&emsp;<a href="#">会员中心</a>
    </div>
</div>
<!--搜索栏-->
<div class="soubei">
    <div class="soukuan">
        <div class="zuofu"><img src="images/logo.png"></div>
        <div style="width: 200px"></div>
        <div id="dt-nav1"><input type="search" id="wenben" name="shousuo" value="" placeholder="搜索感兴趣的内容"><div id="sou">搜索</div></div>
        <div></div>
        <a href="GouWuChe.html"><div class="gouwuche">去购物车</div></a>
    </div>
</div>
<!--导航栏-->
<div id="daohangBJ">
    <div id="daohangL">
        <ul>
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">全部分类</a>
                <div class="li-nav">
                    <dl>
                        <dt><a href="">男鞋&gt;</a></dt>
                        <dd><a href="">跑步鞋</a></dd>
                        <dd><a href="">运动时尚鞋</a></dd>
                        <dd><a href="">都市轻运动鞋</a></dd>
                        <dd><a href="">篮球鞋</a></dd>
                        <dd><a href="">训练鞋</a></dd>
                        <dd><a href="">羽毛球鞋</a></dd>
                        <dd><a href="">户外鞋</a></dd>
                        <dd><a href="">凉鞋/拖鞋</a></dd>
                        <dd><a href="">足球鞋</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="">女鞋&gt;</a></dt>
                        <dd><a href="">跑步鞋</a></dd>
                        <dd><a href="">运动时尚鞋</a></dd>
                        <dd><a href="">都市轻运动鞋</a></dd>
                        <dd><a href="">训练鞋</a></dd>
                        <dd><a href="">羽毛球鞋</a></dd>
                        <dd><a href="">户外鞋</a></dd>
                        <dd><a href="">凉鞋/拖鞋</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="">男装&gt;</a></dt>
                        <dd><a href="">卫衣</a></dd>
                        <dd><a href="">运动裤/卫裤</a></dd>
                        <dd><a href="">紧身衣裤</a></dd>
                        <dd><a href="">运动风衣/夹克/外套</a></dd>
                        <dd><a href="">比赛服</a></dd>
                        <dd><a href="">运动短裤/七分裤</a></dd>
                        <dd><a href="">羽绒服/棉服</a></dd>
                        <dd><a href="">T恤/POLO衫/背心</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="">女装&gt;</a></dt>
                        <dd><a href="">卫衣</a></dd>
                        <dd><a href="">运动裤/卫裤</a></dd>
                        <dd><a href="">紧身衣裤/运动胸衣</a></dd>
                        <dd><a href="">运动风衣/夹克/外套</a></dd>
                        <dd><a href="">比赛服</a></dd>
                        <dd><a href="">七分裤/短裤/短裙/连衣裙</a></dd>
                        <dd><a href="">羽绒服/棉服</a></dd>
                        <dd><a href="">T恤/POLO衫/背心</a></dd>
                    </dl>
                </div>
            </li>
            <li>
                <a href="#">男鞋</a>
            </li>
            <li>
                <a href="#">女鞋</a>
            </li>
            <li>
                <a href="#">男装</a>
            </li>
            <li>
                <a href="#">女装</a>
            </li>
            <li>
                <a href="#">运动配件</a>
            </li>
            <li>
                <a href="#">童装</a>
            </li>
            <li>
                <a href="#">会员</a>
            </li>
        </ul>
    </div>
</div>

<div class="XX-div1">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;运动户外 > 运动鞋包 > 休闲鞋 > 李宁（LI-NING） > 李宁2017新品Turbu..&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;京东李宁网店<img src="images/98.gif" height="18" width="15"/>联系卖家<img
        src="images/97.gif" height="18" width="20"/>JIMI<img src="images/99.gif" height="18" width="17"/>关注商品</div><!-介绍栏->
<div class="XX-div2"><!-详细商品信息->
    <div class="XX-div3">
        <div class="XX-zuofu">
            <div id="pic_wrap">
            <div id="float_box"></div>
            <div style="border: 1px solid rgba(172,172,172,0.59)"><img src="images/2.jpg" height="350" width="348"/></div><!-大图片->
            </div>
            <div id="show">
                <img src="images/2.jpg" id="big_img">
            </div>
        </div><!-第一列->
        <div class="XX-div7">
            <p class="XX-dahui">李宁2017新品LN Hoofer男子保暖经典休闲鞋AGCM179-1/-3 标准黑 41.5</p>
            <div class="XX-div10">&emsp;京东价 ￥<a>335.00</a> [吊牌价:￥369.00] 降价通知</div>
            <div class="XX-zhonghui">&emsp;<div class="XX-xz">&emsp;配 送 至</div>
                <span class="XX-dx">
                <form action="">
                    <span class="XX-dx">省:</span><select name="" id="province">
                    <option value="-1">--请选择--</option>
                    <option value="0">河北省</option>
                    <option value="1">河南省</option>
                    <option value="2">山东省</option>
                    <option value="3">山西省</option>
                    </select>
                    市:<select name="" id="city">
                    <option value="-1">--请选择--</option>
                    </select></span>
                <span class="XX-dx">支持 货到付款款 | 送运费险 | 闪电退款</span><br>
                <div class="XX-bianju">店铺单笔订单不满280元，收运费15元</div>
                <div class="XX-bianju">由 京东李宁网店 负责发货,并提供售后服务</div>
            </div>
            <br>
            <div class="XX-xz">&nbsp;&nbsp;选择颜色</div>
            <div class="XX-div11">
                <div class="XX-xz1">
                    <div class="XX-zuofu"><img src="images/5.jpg" height="50" width="50"/></div>
                    <span class="XX-span1">标准黑/黯淡灰</span>
                </div>
                <div class="XX-xz1">
                    <div class="XX-zuofu"><img src="images/4.jpg" height="50" width="50"/></div>
                    <span class="XX-span1">黯淡灰/深蔚蓝</span>
                </div>
            </div><!-选择颜色->
            <div class="XX-div12">&nbsp;&nbsp;<span class="XX-xiaohui">选择尺码</span></div>
            <div class="XX-div13">
                <div class="XX-changbiankuang">43.5</div>
                <div class="XX-duanbiankuang">44</div>
                <div class="XX-duanbiankuang">39</div>
                <div class="XX-changbiankuang">39.5</div>
                <div class="XX-duanbiankuang">40</div>
                <div class="XX-duanbiankuang">41</div>
                <div class="XX-changbiankuang">41.5</div>
                <div class="XX-duanbiankuang">42</div>
                <div class="XX-duanbiankuang">43</div>
            </div><!-选择尺码->
            <div class="XX-div12">&nbsp;&nbsp;<span class="XX-xiaohui">白条分期</span></div>
            <div class="XX-div13">
                <div class="XX-duanbiankuang1">不分期</div>
                <div class="XX-changbiankuang1">￥192.51*3期</div>
                <div class="XX-changbiankuang1">￥97.68*6期</div>
                <div class="XX-changbiankuang1">￥50.26*12期</div>
                <div class="XX-changbiankuang1">￥26.55*24期</div>
            </div><!-白条分期->
            <br>
            <div class="XX-div14">
                <div class="XX-shuliang">
                    <span><input type="text" name="amount" value="1" style="height: 38px;width: 40px;text-align: center;float: left"></span>
                    <span class="XX-zuofu"><input type="button" value="+"  style="width: 20px;height: 21px"></span>
                    <span class="XX-zuofu"><input type="button"  value="--"  style="width: 20px;height: 21px"></span>
                </div>
                <div class="XX-jiarugouwuche"><a href="../GouWuChe.html"><span class="XX-bai">加入购物车</span></a></div>
            </div><!-加入购物车->
            <br>
            <span class="XX-xiaohui">温馨提示&emsp;支持7天无理由退货</span>
        </div><!-第二列->

        <div class="XX-bian">
            <div class="XX-juzhong">------ 看了又看 ------</div>
            <div id="div_head_content">
                <ul>
                    <li>
                        <a href=""><img src="images/94.jpg" height="160" width="160"/></a>
                        <a href="">￥4566.00</a>
                    </li>
                    <li>
                        <a href=""><img src="images/95.jpg" height="160" width="160"/></a>
                        <a href="">￥2959.00</a>
                    </li>
                    <li>
                        <a href=""><img src="images/96.jpg" height="160" width="160"/></a>
                        <a href="">￥296.00</a>
                    </li>
                    <li>
                        <a href=""><img src="images/91.jpg" height="160" width="160"/></a>
                        <a href="">￥549.00</a>
                    </li>
                    <li>
                        <a href=""><img src="images/92.jpg" height="160" width="160"/></a>
                        <a href="">￥699.00</a>
                    </li>
                    <li>
                        <a href=""><img src="images/93.jpg" height="160" width="160"/></a>
                        <a href="">￥399.00</a>
                    </li>
                </ul>
            </div>
            <span id="div_head_left" style="margin-left: 60px"><a style=" font-size: 30px"><</a></span>
            <span id="div_head_right"style="margin-left: 50px"><a style=" font-size: 30px">></a></span>

        </div><!-第三大列->
</div><!-第一大行->
    <div class="XX-div8">
        <div>
            <div class="XX-beijinghong">
                店长推荐
            </div>
            <div class="XX-beijinghui"></div>
        </div>
        <div class="XX-div9">
            <div class="XX-xf">李宁2017新品剑影男子全掌起一体织袜</div>
            <span><img src="images/91.jpg" height="160" width="160"/></span>
            <span class="XX-hongzi">299.00</span>
        </div>
        <div class="XX-div9">
            <div class="XX-xf">李宁休闲鞋男鞋防滑复古运动鞋ALCK057</div>
            <span><img src="images/92.jpg" height="160" width="160"/></span>
            <span class="XX-hongzi">299.00</span>
        </div>
        <div class="XX-div9">
            <div class="XX-xf">李宁2017辛品德维恩-韦德廖淼夜光减震中帮蓝</div>
            <span><img src="images/93.jpg" height="160" width="160"/></span>
            <span class="XX-hongzi">299.00</span>
        </div>
        <div class="XX-div9">
            <div class="XX-xf">李宁新品LN Hoofer男子保暖经典休闲鞋</div>
            <span><img src="images/94.jpg" height="160" width="160"/></span>
            <span class="XX-hongzi">299.00</span>
        </div>
        <div class="XX-div9">
            <div class="XX-xf">李宁Planert男子一体织鞋透气轻便潮流休闲鞋</div>
            <span><img src="images/95.jpg" height="160" width="160"/></span>
            <span class="XX-hongzi">299.00</span>
        </div>
        <div class="XX-div9">
            <div class="XX-xf">李宁Bubble Vintage男子网面透气休闲鞋</div>
            <span><img src="images/96.jpg" height="160" width="160"/></span>
            <span class="XX-hongzi">299.00</span>
        </div>
    </div><!-店长推荐->
    <div class="XX-div15">
        <div class="XX-div16">
            <div class="XX-div24">
                <div class="XX-jingdongliningwangdian">&nbsp;京东李宁网店&nbsp;<span class="XX-dingwei"><img src="images/001.gif" height="18" width="17"/></span></div>
                <div class="XX-div25">
                    <div class="XX-div26">&nbsp;9.45</div>
                    <div class="XX-div27">商品评价 9.44&nbsp;<img src="images/002.gif" height="10" width="10"/></div>
                    <div class="XX-div27">服务态度 9.46&nbsp;<img src="images/002.gif" height="10" width="10"/></div>
                    <div class="XX-div27">物流速度 9.46&nbsp;<img src="images/002.gif" height="10" width="10"/></div>
                </div>
                <div class="XX-guanzhudianpu">
                    <div class="XX-xiao">进店逛逛</div>
                    <div class="XX-xiao">关注店铺</div>
                </div>
            </div><!-京东李宁网店小方块->
            <div class="XX-div31">
                <div class="XX-dianpurexiao">&nbsp;店铺热销</div>
                <div class="XX-jueduidingwei">
                    <div class="XX-rx">李宁2017新品绝影男子一体织透气防滑</div>
                    <div class="XX-kuan"><img src="images/91.jpg" height="160" width="160"/></div>
                    <div><span class="XX-xiaohui">&nbsp;热销11133件</span>&emsp;&nbsp;<span class="XX-dahong1">￥299.00</span></div>
                </div>
                <div class="XX-jueduidingwei">
                    <div class="XX-rx">李宁休闲鞋男鞋光荣耐磨防滑复古运动鞋</div>
                    <div class="XX-kuan"><img src="images/92.jpg" height="160" width="160"/></div>
                    <div><span class="XX-xiaohui">&nbsp;热销10195件</span>&emsp;&nbsp;<span class="XX-dahong1">￥239.00</span></div>
                </div>
                <div class="XX-jueduidingwei">
                    <div class="XX-rx">李宁男子经典耐磨防滑休闲鞋ALCL061</div>
                    <div class="XX-kuan"><img src="images/93.jpg" height="160" width="160"/></div>
                    <div><span class="XX-xiaohui">&nbsp;热销7525件</span>&emsp;&nbsp;<span class="XX-dahong1">￥199.00</span></div>
                </div>
                <div class="XX-jueduidingwei">
                    <div class="XX-rx">李宁跑步鞋新品凉爽针织运动</div>
                    <div class="XX-kuan"><img src="images/94.jpg" height="160" width="160"/></div>
                    <div><span class="XX-xiaohui">&nbsp;热销6446件</span>&emsp;&nbsp;<span class="XX-dahong1">￥179.00</span></div>
                </div>
                <div class="XX-jueduidingwei">
                    <div class="XX-rx">李宁2017新品男子透气轻便灵动跑鞋ARJL011</div>
                    <div class="XX-kuan"><img src="images/95.jpg" height="160" width="160"/></div>
                    <div><span class="XX-xiaohui">&nbsp;热销6338件</span>&emsp;&nbsp;<span class="XX-dahong1">￥179.00</span></div>
                </div>
            </div><!-店内热销->
        </div><!-第一列->
        <div class="XX-div17">
            <div class="XX-div18">
                <div class="XX-xx">商品介绍</div>
                <div class="XX-xx">规格与包装</div>
                <div class="XX-xx">售后保障</div>
                <div class="XX-xx">商品评价(30+)</div>
            </div><!-商品介绍，规格与包装，售后保障导航栏->
            <div id="dt">
                <div>
                    <div class="XX-div19">
                        <div class="XX-div21"><br><br>&emsp;&emsp;&emsp;&emsp;品牌：李宁（LI-NING）<br><br><br>&emsp;&emsp;&emsp;&emsp;商品名称：李宁2017新品TurBulan...<br><br>&emsp;&emsp;&emsp;&emsp;货号：AHAM003</div>
                        <div class="XX-div20"><br><br><br><br><br>&emsp;&emsp;商品编号：20117367433<br><br>&emsp;&emsp;款式：中帮</div>
                        <div class="XX-div20"><br><br><br><br><br>&emsp;&emsp;店铺： 京东李宁网店<br><br>&emsp;&emsp;闭合方式：系带</div>
                        <div class="XX-div20"><br><br><br><br><br>&emsp;&emsp;商品毛重：200.00g</div>
                    </div><!-品牌介绍->
                    <div class="XX-beijingtupian">
                        <div class="XX-div22">
                            <div class="XX-div23"><img src="images/李宁2017新品Turbulance男子保暖户外徒步鞋AHAM003-黯淡灰-深蔚蓝-41【图片-价_031.Gif" height="196"
                                                    width="233"/></div>
                            <div class="XX-div23"><img src="images/李宁2017新品Turbulance男子保暖户外徒步鞋AHAM003-黯淡灰-深蔚蓝-41【图片-价_05.gif" height="196"
                                                    width="234"/></div>
                            <div class="XX-div23"><img src="images/李宁2017新品Turbulance男子保暖户外徒步鞋AHAM003-黯淡灰-深蔚蓝-41【图片-价_07.gif" height="196"
                                                    width="234"/></div>
                            <div class="XX-div23"><img src="images/李宁2017新品Turbulance男子保暖户外徒步鞋AHAM003-黯淡灰-深蔚蓝-41【图片-价_09.gif" height="196"
                                                    width="234"/></div>
                            <div class="XX-div23"><img src="images/李宁2017新品Turbulance男子保暖户外徒步鞋AHAM003-黯淡灰-深蔚蓝-41【图片-价_15.gif" height="196"
                                                    width="233"/></div>
                            <div class="XX-div23"><img src="images/李宁2017新品Turbulance男子保暖户外徒步鞋AHAM003-黯淡灰-深蔚蓝-41【图片-价_16.gif" height="196"
                                                    width="234"/></div>
                            <div class="XX-div23"><img src="images/李宁2017新品Turbulance男子保暖户外徒步鞋AHAM003-黯淡灰-深蔚蓝-41【图片-价_17.gif" height="196"
                                                    width="234"/></div>
                            <div class="XX-div23"><img src="images/李宁2017新品Turbulance男子保暖户外徒步鞋AHAM003-黯淡灰-深蔚蓝-41【图片-价_18.gif" height="196"
                                                    width="234"/></div>
                        </div>
                    </div><!-大图片->
                    <div class="XX-shangbianju"><img src="images/大图_03.gif"/></div><!-大图片->
                </div><!-品牌介绍->
                <div class="XX-baozhuang">&emsp;&emsp;&emsp;包装清单&emsp;鞋：1双 购物清单：1张 鞋盒：1个 包装盒：1个</div><!-包装清单->
                <div class="XX-dingwei1">
                    <div class="XX-shouhoubaozhang"> &emsp;售后保障</div>
                    <ul class="XX-wuxu">
                        <br>
                        <span class="XX-dingwei2"><img src="images/005.gif" height="33" width="32"/></span>
                        <li class="XX-dahong">卖家服务</li>
                        <li class="XX-shouhui">产品自签收之日起计算，我们为您提供“7日内无理由退换货”的服务。需要退换的产品请确保包装完好（鞋盒不得缠绕胶带），原装所有配件、吊牌及发票齐全且未经穿着。</li>
                        <br>
                        <span class="XX-dingwei3"><img src="images/005.gif" height="32" width="32"/></span>
                        <li class="XX-dahong">京东承诺</li>
                        <li class="XX-shouhui">京东平台卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务。请您放心购买！
                            注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！</li>
                        <br>
                        <span class="XX-dingwei4"><img src="images/005.gif" height="32" width="32"/></span>
                        <li class="XX-dahong">正品行货</li>
                        <li class="XX-shouhui">京东商城向您保证所售商品均为正品行货，京东自营商品开具机打发票或电子发票。</li>
                        <br>
                        <span class="XX-dingwei5"><img src="images/006.gif" height="32" width="32"/></span>
                        <li class="XX-dahong">全国联保</li>
                        <li class="XX-shouhui">凭质保证书及京东商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由京东联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。京东商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！
                            注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！</li>
                        <br>
                        <span class="XX-dingwei6"><img src="images/007.gif" height="32" width="32"/></span>
                        <li class="XX-dahong">无忧退换货</li>
                        <li class="XX-shouhui">客户购买京东自营商品7日内（含7日，自客户收到商品之日起计算），在保证商品完好的前提下，可无理由退货。（部分商品除外，详情请见各商品细则）</li>
                    </ul>
                    <br>
                    <span class="XX-redzi">权利声明：</span><br>
                    <span class="XX-shouhui">京东上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东重要的经营资源，未经许可，禁止非法转载使用。<br>
                    <span class="XX-shenhui">注：</span>本站商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者（合作方）负责。本站不提供任何保证，并不承担任何法律责任。</span>
                    <br><br><span class="XX-redzi">价格说明：</span><br>
                    <span class="XX-shouhui"><span class="XX-shenhui">京东价：</span>京东价为商品的销售价，是您最终决定是否购买商品的依据。<br>
                    <span class="XX-shenhui">划线价：</span>商品展示的划横线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在京东平台上曾经展示过的销售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。<br>
                    <span class="XX-shenhui">折扣：</span>如无特殊说明，折扣指销售商在原价、或划线价（如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价）等某一价格基础上计算出的优惠比例或优惠金额；如有疑问，您可在购买前联系销售商进行咨询。<br>
                    <span class="XX-shenhui">异常问题：</span>商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询。</span>
                </div><!-售后保障->
                <div>
                    <div class="XX-shangpinpingjia">&nbsp;商品评价</div>
                    <div class="XX-tu"><span class="XX-dingwei7"><img src="images/008.gif" height="61" width="81"/></span>此商品暂时还没有买家印象哦~~~</div>
                    <div class="XX-pingjia">
                        <ul>
                            <li>全部评价(30+)</li>
                            <li>晒图(5)</li>
                            <li>追评(0)</li>
                            <li>好评(30+)</li>
                            <li>中评(0)</li>
                            <li>差评(0)</li>
                        </ul>
                    </div><!-评价选择栏->
                    <div>
                        <div class="XX-dingwei1">
                            <div class="XX-div28">
                                <ul class="XX-shouhui">
                                    <span class="XX-dingwei8"><img src="images/009.gif" height="25" width="25"/></span>
                                    <li class="XX-bianju2">&emsp;&emsp;&nbsp;x***a</li>
                                    <br>
                                    <li class="XX-bianju3">京享值6573</li>
                                </ul>
                            </div>
                            <div class="XX-div29">
                                <ul>
                                    <li><img src="images/0010.gif" height="14" width="79"/></li>
                                    <li class="XX-hui">很喜欢这个鞋子，暖和</li>
                                    <li class="XX-shouhui">黯淡灰/深蔚蓝&emsp;41&emsp;2017-12-08&nbsp;10:00</li>
                                </ul>
                            </div>
                            <div class="XX-div30">
                                <ul>
                                    <li>举报</li>
                                    <li><img src="images/0011.gif" height="16" width="16"/>0</li>
                                    <li><img src="images/0012.gif" height="16" width="16"/>0</li>
                                </ul>
                            </div>
                        </div>
                        <div class="XX-dingwei1">
                            <div class="XX-div28">
                                <ul class="XX-shouhui">
                                    <span class="XX-dingwei8"><img src="images/009.gif" height="25" width="25"/></span>
                                    <li class="XX-bianju2">&emsp;&emsp;&nbsp;x***a</li>
                                    <br>
                                    <li class="XX-bianju3">京享值6573</li>
                                </ul>
                            </div>
                            <div class="XX-div29">
                                <ul>
                                    <li><img src="images/0010.gif" height="14" width="79"/></li>
                                    <li class="XX-hui">鞋子很舒服 舒服过背面 轻重合适 建议购买</li>
                                    <li class="XX-shouhui">黯淡灰/深蔚蓝&emsp;42&emsp;2017-12-06&nbsp;14:20</li>
                                </ul>
                            </div>
                            <div class="XX-div30">
                                <ul>
                                    <li>举报</li>
                                    <li><img src="images/0011.gif" height="16" width="16"/>1</li>
                                    <li><img src="images/0012.gif" height="16" width="16"/>0</li>
                                </ul>
                            </div>
                        </div>
                        <div class="XX-dingwei1">
                            <div class="XX-div28">
                                <ul class="XX-shouhui">
                                    <span class="XX-dingwei8"><img src="images/009.gif" height="25" width="25"/></span>
                                    <li class="XX-bianju2">&emsp;&emsp;&nbsp;x***a</li>
                                    <br>
                                    <li class="XX-bianju3">京享值6573</li>
                                </ul>
                            </div>
                            <div class="XX-div29">
                                <ul>
                                    <li><img src="images/0010.gif" height="14" width="79"/></li>
                                    <li class="XX-hui">鞋子非常合适，大小刚好，趁着活动，打折，给自己买一双冬日保暖用，哈哈</li>
                                    <li class="XX-shouhui">黯淡灰/深蔚蓝&emsp;42&emsp;2017-12-04&nbsp;19:20</li>
                                </ul>
                            </div>
                            <div class="XX-div30">
                                <ul>
                                    <li>举报</li>
                                    <li><img src="images/0011.gif" height="16" width="16"/>1</li>
                                    <li><img src="images/0012.gif" height="16" width="16"/>0</li>
                                </ul>
                            </div>
                        </div>
                        <div class="XX-dingwei1">
                            <div class="XX-div28">
                                <ul class="XX-shouhui">
                                    <span class="XX-dingwei8"><img src="images/009.gif" height="25" width="25"/></span>
                                    <li class="XX-bianju2">&emsp;&emsp;&nbsp;x***a</li>
                                    <br>
                                    <li class="XX-bianju3">京享值6573</li>
                                </ul>
                            </div>
                            <div class="XX-div29">
                                <ul>
                                    <li><img src="images/0010.gif" height="14" width="79"/></li>
                                    <li class="XX-hui">适合冬天穿，挺厚实，尺码很准，希望鞋底能防滑</li>
                                    <li class="XX-shouhui">黯淡灰/深蔚蓝&emsp;42&emsp;2017-1-29&nbsp;14:20</li>
                                </ul>
                            </div>
                            <div class="XX-div30">
                                <ul>
                                    <li>举报</li>
                                    <li><img src="images/0011.gif" height="16" width="16"/>0</li>
                                    <li><img src="images/0012.gif" height="16" width="16"/>1</li>
                                </ul>
                            </div>
                        </div>
                        <div class="XX-dingwei1">
                            <div class="XX-div28">
                                <ul class="XX-shouhui">
                                    <span class="XX-dingwei8"><img src="images/009.gif" height="25" width="25"/></span>
                                    <li class="XX-bianju2">&emsp;&emsp;&nbsp;沙****子</li>
                                    <br>
                                    <li class="XX-bianju3">PLUS会员</li>
                                </ul>
                            </div>
                            <div class="XX-div29">
                                <ul>
                                    <li><img src="images/0010.gif" height="14" width="79"/></li>
                                    <li class="XX-hui">很好很划算，发货也很快，以后还会买的</li>
                                    <li class="XX-shouhui">黯淡灰/深蔚蓝&emsp;42&emsp;2017-12-07&nbsp;19:00</li>
                                </ul>
                            </div>
                            <div class="XX-div30">
                                <ul>
                                    <li>举报</li>
                                    <li><img src="images/0011.gif" height="16" width="16"/>0</li>
                                    <li><img src="images/0012.gif" height="16" width="16"/>0</li>
                                </ul>
                            </div>
                        </div>
                        <div class="XX-dingwei1">
                            <div class="XX-div28">
                                <ul class="XX-shouhui">
                                    <span class="XX-dingwei8"><img src="images/009.gif" height="25" width="25"/></span>
                                    <li class="XX-bianju2">&emsp;&emsp;&nbsp;j****0</li>
                                    <br>
                                    <li class="XX-bianju3">京东值2016</li>
                                </ul>
                            </div>
                            <div class="XX-div29">
                                <ul>
                                    <li><img src="images/0010.gif" height="14" width="79"/></li>
                                    <li class="XX-hui">质量超级好的!鞋子比海报照片更好看，唯有一点小瑕疵</li>
                                    <li class="XX-shouhui">黯淡灰/深蔚蓝&emsp;42&emsp;2017-11-28&nbsp;13:40</li>
                                </ul>
                            </div>
                            <div class="XX-div30">
                                <ul>
                                    <li>举报</li>
                                    <li><img src="images/0011.gif" height="16" width="16"/>0</li>
                                    <li><img src="images/0012.gif" height="16" width="16"/>0</li>
                                </ul>
                            </div>
                        </div>
                    </div><!-评价->
                </div><!-商品评价->
            </div>
        </div><!-第二列->
    </div><!-第三大行->
    <!--页脚-->
    <div class="yejiao1">
        <ul>
            <li><img align="absmiddle" src="images/yejiao_07.gif">品类齐全&emsp;轻松购物</li>&emsp;&emsp;
            <li><img align="absmiddle" src="images/yejiao_09.gif">多仓直发&emsp;极速配送</li>&emsp;&emsp;
            <li><img align="absmiddle" src="images/yejiao_11.gif">正品行货&emsp;精致服务</li>&emsp;&emsp;
            <li class="youfu"><img align="absmiddle" src="images/yejiao_13.gif">天天低价&emsp;畅选无忧</li>
        </ul>
    </div>
    <div id="banquan">
        <div class="yejiao2">
            <ul>
                <li>
                    <div>
                        <span style="font-size: 16px">购物指南</span><br> 购物流程<br> 会员介绍<br> 生活旅行<br> 常见问题<br> 大家电
                    </div>
                </li>
                <li style="width: 120px"></li>
                <li>
                    <div>
                        <span style="font-size: 16px">购物指南</span><br> 购物流程<br> 会员介绍<br> 生活旅行<br> 常见问题<br> 大家电
                    </div>
                </li>
                <li style="width: 120px"></li>
                <li>
                    <div>
                        <span style="font-size: 16px">购物指南</span><br> 购物流程<br> 会员介绍<br> 生活旅行<br> 常见问题<br> 大家电
                    </div>
                </li>
                <li style="width: 120px"></li>
                <li>
                    <div>
                        <span style="font-size: 16px">购物指南</span><br> 购物流程<br> 会员介绍<br> 生活旅行<br> 常见问题<br> 大家电
                    </div>
                </li>
                <li style="width: 120px"></li>
                <li>
                    <div>
                        <span style="font-size: 16px">购物指南</span><br> 购物流程<br> 会员介绍<br> 生活旅行<br> 常见问题<br> 大家电
                    </div>
                </li>
            </ul>
        </div>
        <div style="height: 30px; margin: auto; margin-top: 15px; width: 1003px;"><hr></div>
        <div style="width: 1003px; margin: auto;">
            <div class="banquan2">
                关于我们|联系我们|联系客服|合作招商|商家帮助|营销中心|手机京东|友情链家|销售联盟|京东社区|风险监测|隐私政策|京东公益|English|Media&IR
            </div>
            <div id="banquan3">
                京公网安备 11000002000088号|京ICP证070359号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大120007号<br>
                互联网出版许可证编号新出网证(京)字150号|出版物经营许可证|网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话：4006561155<br>
                Copyright © 2004 - 2017 京东JD.com 版权所有|消费者维权热线：4006067733经营证照<br>
                京东旗下网站：京东支付|京东云
            </div>
            <div class="banquan2"></div>
        </div>
    </div>
</div><!-内容->


<script type="text/javascript">
    $(function () {
        //创建一个保存商品对象的数组
        var arr=[];
        //加入购物车
        $('.XX-div14 a').click(function () {
            //当前.opt对象所在li标签
            var liDom=$(this).parents('div.XX-div7');
            //声明一个对象
            var prod={};

            //给对象的属性赋值
            //取图片路径
            prod.img=liDom.children('div.XX-zuofu').find('img').attr('src');
            //取商品名称
            prod.name=liDom.children('p.XX-dahui').text();
            //取得商品价格
            prod.price=parseInt(liDom.children('div.XX-div10').children('a').text());
            //设置默认数量为1
            prod.quantity=1;
            if(arr.length<=0){
                arr.push(prod);
            }else{
                //以下为数据存储的操作
                for(var i=0;i<arr.length;i++){
                    if(arr[i].name==prod.name){
                        arr[i].quantity+=1;
                        break;
                    }
                    if(i==arr.length-1){
                        arr.push(prod);
                        break;
                    }
                }
            }
            console.log(arr);
            //把对象转换成JSON字符串
            var prodStr=JSON.stringify(arr);
            //存储在sessionStorage对象中
            sessionStorage.setItem('prodss',prodStr);
            //数据操作完毕

        })
    })      //传值至购物车


    $("#div_head_left").click(function() {
        $("#div_head_content").children("ul").animate({
            top: "0px"
        }, 1)
    })
    $("#div_head_right").click(function(){
        $("#div_head_content").children("ul").animate({
            top:"-530px"
        },1)
    })

    var ind = 1;
    $(".XX-shuliang span:nth-of-type(2) input").click(function () {
        ind++;
        $(".XX-shuliang span:nth-of-type(1) input").val(ind);
    })      //数量增
    $(".XX-shuliang span:nth-of-type(3) input").click(function () {
        ind--;
        $(".XX-shuliang span:nth-of-type(1) input").val(ind);
    })      //数量减

    $(document).ready(function () {
        $('.XX-div18>div').click(function () {
            var sy = $(this).index()
            $('#dt>div').eq(sy).show().siblings().hide();
        })
    })//商品介绍点击事件

    var pic_wrap = document.getElementById('pic_wrap'),
        float_box = document.getElementById("float_box"),
        show = document.getElementById('show');
    big_img = document.getElementById("big_img");
    //鼠标移入事件，让放大镜和放大区显示！
    pic_wrap.onmouseover = function() {
        float_box.style.display = "block";
        show.style.display = "block";
    }
    //鼠标不断移动时触发，实时更新放大镜得到的图片
    pic_wrap.onmousemove = function(event) {
        floatMove(float_box, pic_wrap, event);
        showPic();
    }
    //鼠标移出后，放大镜和放大区隐藏
    pic_wrap.onmouseout = function() {
        float_box.style.display = "none";
        show.style.display = "none";
    }
    //由于offset方法包括边框，在使用的时候很容易出现问题，所以用style来实时获取attr！
    function getStyle(obj, attr) {
        if (window.currentStyle) {
            return parseInt(obj.currentStyle[attr]);
        }
        else {
            return parseInt(getComputedStyle(obj,null)[attr]);
        }
    }
    //运动框架，控制放大镜在原图中的位置！
    function floatMove(argu1, argu2, event) {
        var e = event ||window.event;
        var minLeft = getStyle(argu1, "width");
        var maxLeft = getStyle(argu2, "width") - minLeft/2;
        var minHeight = getStyle(argu1, "height");
        var maxHeight = getStyle(argu2, "height") - minHeight/2;
        console.log(maxLeft);
        console.log(maxLeft - minLeft/2);
        if (e.clientX < minLeft/2) {
            float_box.style.left = "0px";//防止放大镜超出左边框
        }
        else if (e.clientX > maxLeft) {
            float_box.style.left = getStyle(argu2, "width") - getStyle(argu1, "width") + "px";//防止放大镜超出右边框
        }
        else {
            float_box.style.left = event.clientX - minLeft/2 + "px"; //放大镜完全在图片内时正常移动
        }
        if (e.clientY < minHeight/2) {
            float_box.style.top = "0px"; //防止放大镜超出上边框
        }
        else if (e.clientY > maxHeight) {
            float_box.style.top = getStyle(argu2, "height") - getStyle(argu1, "height") + "px"; //防止放大镜超出下边框
        }
        else {
            float_box.style.top = event.clientY - minLeft/2 + "px";
        }
    }
    //用来显示放大镜得到的图片，利用坐标计算！实时更新可视区域
    function showPic() {
        var iCurLeft = getStyle(float_box,"left");
        var iCurTop = getStyle(float_box,"top");
        var a = getStyle(pic_wrap,"width") - getStyle(float_box,"width");
        var b = getStyle(big_img,"width") - getStyle(show,"width");
        var moveWidth = -(iCurLeft/a)*b;
        big_img.style.left = moveWidth + "px";
        var c = getStyle(pic_wrap,"height") - getStyle(float_box,"height");
        var d = getStyle(big_img,"height") - getStyle(show,"height");
        var moveHigth = -(iCurTop/c)*d;
        big_img.style.top = moveHigth + "px";
    }

    //定义一个二维数组，存储省、市信息
    var provList=['河北省(城市列表)','河南省(城市列表)','山东省(城市列表)','山西省(城市列表)'];
    provList[0]=['石家庄市','邯郸市','邢台市','保定市'];
    provList[1]=['郑州市','安阳市','洛阳市','商丘市'];
    provList[2]=['青岛市','济南市','日照市','淄博市'];
    provList[3]=['太原市','大同市','吕梁市','晋城市'];
    $(function () {
        //在省下拉框的change()事件中实现
        $('#province').change(function () {
            $('#city').empty();
            var prov = $(this).val();
            if (prov != -1) {
                var cityList = provList[prov];
                console.log(cityList);
                $.each(cityList, function (i, e) {
                    var opt = $('<option value="' + i + '">' + e + '</option>');
                    $('#city').append(opt);
                })
            } else {
                $('#city').append('<option value="-1">--请选择--</option>');
            }
        })
    })


    function minus(num){
        var count=parseInt(document.getElementsByName("amount")[num].value)-1;
        if(count<1){
            alert("不能再减了，再减就没有啦！");
        }
        else{
            document.getElementsByName("amount")[num].value=count;
        }
    }
    function plus(num){
        var count=parseInt(document.getElementsByName("amount")[num].value)+1;
        document.getElementsByName("amount")[num].value=count;
    }

    $(function () {
        $(".a").hover(
            function () {$(".div2").animate({"margin-right":"70"},100);},
            function () {$(".div2").animate({"margin-right":"-20px"},100);}
        );
        $(".b").hover(
            function () {$(".div3").animate({"margin-right":"70"},100);},
            function () {$(".div3").animate({"margin-right":"-20px"},100);
            });
        $(".c").hover(
            function () {$(".div4").animate({"margin-right":"70"},100);},
            function () {$(".div4").animate({"margin-right":"-20px"},100);
            });
        $(".d").hover(
            function () {$(".div5").animate({"margin-right":"70"},100);},
            function () {$(".div5").animate({"margin-right":"-20px"},100);
            });
        $(".e").hover(
            function () {$(".div6").animate({"margin-right":"70"},100);},
            function () {$(".div6").animate({"margin-right":"-20px"},100);
            });
        $(".g").hover(
            function () {$(".div7").animate({"margin-right":"120"},100);},
            function () {$(".div7").animate({"margin-right":"-120px"},100);
            });
        $(".h").hover(
            function () {$(".div8").animate({"margin-right":"70"},100);},
            function () {$(".div8").animate({"margin-right":"-20px"},100);
            });
        /*
         网络导航
         */
        $("#daohangL>ul>li:nth-of-type(2)").hover(
            function () {$(".li-nav").show();},
            function () {$(".li-nav").hide();
            })
        //            $(".zhongs ul li").hover(function () {
        //                var index=$(".zhongs ul li").index(this)+1;
        //                $(".zhongs ul li:nth-of-type("+index+")").animate("div2");
        //            },function () {
        //                var index=$(".zhongs ul li").index(this)+1;
        //                $(".zhongs ul li:nth-of-type("+index+")").removeClass("bei");
        //            }
        //            )
    })  //公用


    $(function () {
        $(".XX-div13 div").click(function () {
            $(this).css('border','1px red solid');
            $(this).siblings().css('border','1px #dcdcdc solid');
        })
        $(".XX-div11 div").click(function () {
            $(this).css('border','1px red solid');
            $(this).siblings().css('border','1px #dcdcdc solid');
        })
    })
    $(function () {

    })
</script>
 </body>
</html>
